iT邦幫忙

2022 iThome 鐵人賽

DAY 26
0
Modern Web

30天UIUX自學之路系列 第 26

Day26 學習資訊架構與建立功能規格表

  • 分享至 

  • xImage
  •  

耶!來到第26天!今天先思考一個日常購物情境,我記得平常要去賣場購物時,我都會先在家列好要買的清單,進去賣場就查看天花版的吊牌,吊牌上都會明確寫出商品的分類,像是:

  1. 糖果零食
  2. 清潔用品
  3. 泡麵

這樣我們就可以快速找到我們要的商品在哪一區,後來我常常去這間賣場,就可以用最快的速度採買好商品,因為我都記得在哪裡了。但我記得有次賣場重新裝潢,把很多以前放在最底下的東西,放到最上面,食物的對面竟然放了清潔用品...。很多商品突然都換了位置,我真的是找了半天,這就是一個不太快樂的使用者經驗(UX)。


那現在轉換思考當我們使用一個APP或是電商網站
我們為了要找到我們的商品,可能會從導覽列的分類中尋找、或者是直接從搜尋引擎查詢,你一 定使用過導覽列超級複雜,很狐疑自己要找的到底是歸在哪一類,甚至是網站規劃的讓人找不到按鈕,於是去別家網站查找。

這時候就需要仰賴好的資訊架構,一個好的資訊架構,使用者可以在使用產品的過程中,快速找到要尋找的產品,完成他的目標。這就是資訊架構的目的!


接下來我們來談談資訊架構:
資訊架構(Information Architecture, IA)是什麼呢?

資訊架構分為三個元素

  1. 使用者
  2. 內容
  3. 脈絡

資訊架構建立的流程
分類->命名->連結
分類方式的依據很重要

資訊架構的系統分為:

  1. 組織系統 Organization Systems
  2. 導覽系統 Navigation Systems
  3. 標示系統 Labeling Systems
  4. 檢索系統 Search Systems

功能規格表(Functional Map)
在開始設計前,要將功能有哪些做好清楚的規劃,做出功能規格表,像是使用心智圖等架構圖方式,初步規劃此APP將有哪些功能、頁面,呈現一個層層規劃,要來好好練習如何製作了(摩拳擦掌)

參考資料
https://youtu.be/Ij4WquJaRTc


上一篇
Day25 定義使用者故事及人物誌撰寫練習
下一篇
Day27 使用者流程圖Userflow與Wireframe
系列文
30天UIUX自學之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言